<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{width:1210px;height: 474px;margin: 0 auto;}
			.left{float:left;width:210px;}
			.left .top{height: 329px;background-color:#bee6e6;position: relative;}
			.left .bottom{height:117px;background: #ebf7f7;padding:28px 0 0 25px;font-size: 14px;}
			.outbox{width:200px;height:90px;padding-left: 10px;background: #e8f6f7;position: absolute;bottom: 0;opacity: 0.5;}
			.outbox .a{width:95px;height:45px;line-height: 45px;font-size: 14px;color: #606b5a;float: left;}
			.outbox .a img{vertical-align:middle;margin-right: 5px;}
			.outbox .a a{display: block;font-size: 14px;color: #606b5a;text-decoration: none;}
			.right{float:left;width:1000px;}
			.sbox{width:198px;height:235px;border:1px solid #ededed;float: left;position: relative;}
			.sbox .pic{height: 165px;border-bottom: 1px solid #f8f8f8;}
			.sbox img{height: 165px;}
			.sbox .info{padding:14px 0 0 18px;height:57px;width: 180px;font-size: 12px;color:686868;}
			.sbox .info h3{}
			.sbox a{display: block;text-decoration: none;font-size: 12px;color:#686868;}
			.sbox-box{width:200px;height:237px;background:#525252;position: absolute;top: 0;bottom: 0;opacity:0;}
			a:hover .sbox-box{opacity: 0.1;transition:.3s;}
		</style>
	</head>
	<body>
		<div class="box">
			
		<div class="left">
			<div class="top">
				
				<div class="outbox">
					<div class="a">
						<a href="">
						<img src="img/京东/京东效果13.jpg"/>运动城
						</a>
				</div>
					<div class="a">
						<a href="">
						<img src="img/京东/京东效果14.jpg"/>炫酷骑行
						</a>
				</div>
					<div class="a">
						<a href="">
						<img src="img/京东/京东效果15.jpg"/>运动鞋服
						</a>
				</div>
					<div class="a">
						<a href="">
						<img src="img/京东/京东效果16.jpg"/>户外鞋服
						</a>
				</div>
					
				</div>
				
			</div>
			<div class="bottom">
				<p style="line-height:25px;margin: 0;margin-bottom: 6px;color:#525252;">小器材 大牌秀><br />探路者夏季清仓></p>
				
				<p style="line-height:25px;margin: 0;color: #9a9a9c;"><span	style="color:#c5151f;">户外馆</span> 折叠车 跑步鞋<br />智能穿戴 羽毛球拍 <span	style="color:#c5151f;">篮球馆</span></p>
			</div>
		</div>
		
		
		<div class="right">
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_02.jpg"/></div>
				<div class="info">乔山 家用跑步机<h3 style="color:#e3393c;font-weight:400;">￥8499.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_03.jpg"/></div>
				<div class="info">优步智能跑步机家用多功能<h3 style="color:#e3393c;font-weight:400;">￥2099.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_04.jpg"/></div>
				<div class="info">蓝堡家用磁控健身车<h3 style="color:#e3393c;font-weight:400;">￥728.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_05.jpg"/></div>
				<div class="info">舒华智能静音跑步机<h3 style="color:#e3393c;font-weight:400;">￥3180.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_06.jpg"/></div>
				<div class="info">阿迪达斯拉力绳多功能臂力器健身训练套装<h3 style="margin-top: 3px;font-size: 12px;color:#e3393c;font-weight:400;">￥230.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_08.jpg"/></div>
				<div class="info">尤尼克斯全碳素羽毛球拍<h3 style="color:#e3393c;font-weight:400;">￥299.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_09.jpg"/></div>
				<div class="info" >酷改短袖骑行服春秋套装自行车骑行服<h3 style="margin-top: 3px;font-size: 12px;color:#e3393c;font-weight:400;">￥139.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_10.jpg"/></div>
				<div class="info">GSGC动感单车健身车室内运动健身器材<h3 style="margin-top: 3px;font-size: 12px;color:#e3393c;font-weight:400;">￥799.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_11.jpg"/></div>
				<div class="info">百斯锐羽毛球<h3 style="color:#e3393c;font-weight:400;">￥358.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
			
			<div class="sbox">
				<a href="">
				<div class="pic"><img src="img/京东/京东效果_12.jpg"/></div>
				<div class="info">福特折叠自行车<h3 style="color:#e3393c;font-weight:400;">￥1568.00</h3></div>
				<div class="sbox-box"></div>
				</a>
			</div>
		
		
		</div>
		</div>
	</body>
</html>
